<style src="./common/common.less" lang="less"></style>
<style scoped>
.carousel{ height: 420px; }
</style>

<template>
<div id="app">
    <el-row>
        <el-col :span="24"><div class="grid-content bg-purple-dark">
            <div class="carousel">
                <el-carousel height="150px">
                    <el-carousel-item v-for="item in 4" :key="item">
                        <h3>{{ item }}</h3>
                    </el-carousel-item>
                </el-carousel>
            </div>
        </div></el-col>
    </el-row>
</div>
</template>

<script>
export default {

    name: 'Index',

    data() {
        return {

        }
    },

    mounted() {
        
    },

    methods: {

    }

}
</script>
